<div class="row">
    <div class="col-md-12 shares">
        <div class="s-tabs">
            <ul>
                <li><a ng-class="{active:isNew == true}" href="javascript:void(0)" ng-click="isNew = true; isHot = false">最新推荐</a></li>
                <li><a ng-class="{active:isHot == true}" href="javascript:void(0)" ng-click="isHot = true; isNew = false">我的分享</a></li>
            </ul>

            <div class="clear-fix"></div>
        </div>
        <div class="s-cons">
            <div class="new-share" ng-show="isNew" ng-init="isNew =true;">
                <ul class="new-ul ellipsis">
                    <li ng-repeat="shares in vm.recommends | filter: query : 5 | orderBy:'id' | limitTo:'9'">
                        <div class="litpic">
                            <a ng-href="#/shareContent?id={{shares.id}}">
                                <img ng-src="{{shares.surfaceImgUrl}}" alt=""/>
                                <div class="play-btn" ></div>
                            </a>
                        </div>
                        <div class="s-title">
                            <a ng-href="#/shareContent?id={{shares.id}}"><h5 class="ellipsis">{{shares.shareShotTitle}}</h5></a>
                        </div>
                        <div class="s-info">
                            <div class="s-tag">
                                <ul>
                                    <li ng-repeat="tag in shares.shareTagsArr">
                                        <img src="./assets/images/tag.png" alt=""/><span>{{tag}}</span>
                                    </li>
                                </ul>
                            </div>
                            <div class="s-views">
                                <img src="./assets/images/views.png" alt=""/><span>{{shares.id}}</span>
                            </div>
                        </div>
                        <div class="s-user">
                            <img src="{{shares.headPhoto}}" alt=""/><span class="s-user-name">{{shares.realName}}</span><span class="s-user-company">{{shares.shareUserCompanyNameShot}}</span>
                        </div>
                    </li>
                </ul>
                <div class="more-shares-btn" ng-click="vm.showMore('shareId')"  ng-init="isMoreNew = false">
                    <h5>查看更多分享...</h5>
                </div>

                <div class="clear-fix"></div>
            </div>
            <div class="hot-share" ng-show="isHot" ng-init="isHot = false">
                <ul class="hot-ul ellipsis">
                    <li ng-repeat="shares in vm.userShares | filter: query | orderBy:'shareUserName' | limitTo:9">
                        <div class="litpic">
                            <a ng-href="#/shareContent?id={{shares.id}}">
                                <img ng-src="{{shares.surfaceImgUrl}}" alt=""/>
                                <div class="play-btn" ng-show="shares.shareType == 'video'"></div>
                            </a>
                        </div>
                        <div class="s-title">
                            <a ng-href="#/shareContent?id={{shares.id}}"><h5 class="ellipsis">{{shares.shareShotTitle}}</h5></a>
                        </div>
                        <div class="s-info">
                            <div class="s-tag">
                                <ul>
                                    <li ng-repeat="tag in shares.shareTagsArr">
                                        <img src="./assets/images/tag.png" alt=""/><span>{{tag}}</span>
                                    </li>
                                </ul>
                            </div>
                            <div class="s-views">
                                <img src="./assets/images/views.png" alt=""/><span>{{shares.shareViews}}</span>
                            </div>
                        </div>
                        <div class="s-user">
                            <img src="{{shares.headPhoto}}" alt=""/><span class="s-user-name">{{shares.realName}}</span><span class="s-user-company">{{shares.shareUserCompanyNameShot}}</span>
                        </div>
                    </li>
                </ul>
                <div class="more-shares-btn" ng-click="vm.showMore('realName')"  ng-init="isMoreHot = false">
                    <h5>查看更多分享...</h5>
                </div>
                <div class="clear-fix"></div>
            </div>
            <div class="clear-fix"></div>
        </div>

        <div class="clear-fix"></div>
    </div>
</div>
